<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="renderer" content="webkit" />
		<meta name="author" content="liuy" />
		<title>404</title>
		<style type="text/css">
			body{
				background: #f6fafe;
				height: 100%;
				width: 100%;
				position: fixed;
				top: 0;
				left: 0;
				margin:0; 
				padding:0;
				display: flex;
				flex-direction:column;
				align-items: center;
				justify-content: center;
			}
			img{
				display: block;
				width: 30%;
			}
			p{
				font-size: 36px;
				color: #71b0f7;
			}
			a{
				display: block;
				height: 46px;
				width: 170px;
				border-radius: 23px;
				background-color: #2eaec1;
				line-height: 46px;
				font-size: 20px;
				text-align: center;
				color: #fff;
				text-decoration: none;
			}
			@media screen and (max-width: 750px){
				img{
					width: 50%;
				}
				p{
					font-size: 16px;
				}
				a{
					font-size: 14px;
					width: 100px;
					height: 28px;
					line-height: 28px;
				}
			}
		</style>
	</head>
	<body>
		<img src="images/404.png" alt="">
		<p>sorry,您要访问的页面不见了！</p>
		<a href="">返回首页</a>
	</body>
</html>
